@layout('layouts.clearly')

@section('head-zone')
<script type="text/javascript">
    $(function () {
        var $form = $("#forgot-form"),
                $username = $("#username", $form).validate_on_keyup(jqExt.Regex.word(4, 64),
                    "Tên đăng nhập từ 4 - 64 kí tự"),
                $captcha = $("#captcha", $form);
        $form.submit(function () {
            if (!$username.validate()) {
                jqExt.error("Vui lòng cung cấp tên đăng nhập cần khôi phục mật khẩu!", $username);
            } else if (!$captcha.validate()) {
                jqExt.error("Vui lòng nhập các kí tự bảo mật!", $captcha);
            } else {
                return true;
            }

            return false;
        });
    });
</script>
@endsection

@section('content')
@id('user.forgot')

<div class="page-head">
    <h1>Quên mật khẩu</h1>
</div>
<div class="container page-outer">

    <form action="{{ asset('user/forgot') }}" class="w420 center" id="forgot-form" method="post">
        @if ($errors->has())
        <div class="form-errors">
            {{ $errors->first('username', '<li>:message</li>') }}
            {{ $errors->first('captcha', '<li>:message</li>') }}
        </div>
        @endif
        <div class="control-group required">
            <label for="username">Nhập tên đăng nhập yêu cầu khôi phục mật khẩu</label>
            <div class="controls">
                <input type="text" name="username" id="username" class="w-full" />
            </div>
        </div>

        {{ render('shared.captcha', array('id' => 'captcha')) }}

        <div class="control-group">
            <div class="controls ta-right">
                {{ Form::token() }}
                <button class="btn btn-primary" type="submit">Đồng ý</button>
            </div>
        </div>
    </form>
</div>
@endsection